<%-- 
    Document   : addmakeupclass
    Created on : Jan 22, 2012, 5:43:33 PM
    Author     : Ketsaraporn
--%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>
<!DOCTYPE html>
<html:html lang="true">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="css/epoch_styles.css" type="text/css"/>     
        <link type="text/css" href="${pageContext.request.contextPath}/css/ui-lightness/jquery-ui-1.8.10.custom.css" rel="stylesheet" />	
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.4.4.min.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-ui-1.8.10.offset.datepicker.min.js"></script>
        <script type="text/javascript">
            function goEdit() {
                redirect("${pageContext.request.contextPath}/manageCompensationClass.do?dispatch=doUpdate", "");
            }
            function goBack() {
                redirect("${pageContext.request.contextPath}/manageCompensationClass.do?dispatch=doBack", "");
            }
        </script>
        <title>เพิ่มวันชดเชย</title>
        <html:base/>
    </head>
    <body>
        <html:form action="/manageCompensationClass.do?dispatch=doAddMakeupClass" >
            <div class="content1">
                <table class="three" cellspacing="0">
                    <tr>
                        <td colspan="7"><div align="center"><strong>เพิ่มวันชดเชย </strong></div></td>
                    </tr>
                    <tr >
                        <th width="41" rowspan="2"><div align="center">ครั้งที่</div></th>
                    <th colspan="2"><div align="center">วัน/เวลาที่หยุด</div></th>
                    <th colspan="3"><div align="center">วัน/เวลาที่สอนชดเชย</div></th>
                    <th width="120" rowspan="2"><div align="center">สถานที่ </div></th>
                    </tr>
                    <tr>
                        <th width="134"><div align="center">วัน-เดือน-ปี</div></th>
                    <th width="129"><div align="center">ช่วงเวลา</div></th>
                    <th width="135"><div align="center">วัน-เดือน-ปี</div></th>
                    <th colspan="2"><div align="center">ช่วงเวลา</div></th>
                    </tr>
                    <tr>
                        <td rowspan="2">${manageCompensationClassForm.rowId+1}</td>
                        <td rowspan="2">${manageCompensationClassForm.scheduleEntity.schTeachDate_CV}</td>
                        <td rowspan="2">${manageCompensationClassForm.scheduleEntity.schBeginTime} - ${manageCompensationClassForm.scheduleEntity.schEndTime}</td>
                        <td rowspan="2">                    
                            <html:text property="makeupclassEntitys[${manageCompensationClassForm.rowId}].marcCompenDate_CV" size="10" maxlength="10"></html:text>
                        </td>
                        <td width="112">เวลาที่เริ่มการสอน</td>
                        <td width="93">
                            <html:select property="makeupclassEntitys[${manageCompensationClassForm.rowId}].marcCompenBeginTime">
                                <html:option value="เลือกเวลา">เลือกเวลา</html:option>
                                <html:option value="8.00">8.00</html:option>
                                <html:option value="8.30">8.30</html:option>
                                <html:option value="9.00">9.00</html:option>
                                <html:option value="9.30">9.30</html:option>
                                <html:option value="10.00">10.00</html:option>
                                <html:option value="10.30">10.30</html:option>
                                <html:option value="11.00">11.00</html:option>
                                <html:option value="11.30">11.30</html:option>
                                <html:option value="12.00">12.00</html:option>
                                <html:option value="12.30">12.30</html:option>
                                <html:option value="13.00">13.00</html:option>
                                <html:option value="13.30">13.30</html:option>
                                <html:option value="14.00">14.00</html:option>
                                <html:option value="14.30">14.30</html:option>
                                <html:option value="15.00">15.00</html:option>
                                <html:option value="15.30">15.30</html:option>
                                <html:option value="16.00">16.00</html:option>
                                <html:option value="16.30">16.30</html:option>
                                <html:option value="17.00">17.00</html:option>
                                <html:option value="17.30">17.30</html:option>
                                <html:option value="18.00">18.00</html:option>
                                <html:option value="18.30">18.30</html:option>
                                <html:option value="19.00">19.00</html:option>
                                <html:option value="19.30">19.30</html:option>
                                <html:option value="20.00">20.00</html:option>
                                <html:option value="20.30">20.30</html:option>
                                <html:option value="21.00">21.00</html:option>
                                <html:option value="21.30">21.30</html:option>
                                <html:option value="22.00">22.00</html:option>
                            </html:select>
                        </td>
                        <td rowspan="2">
                            <html:select property="makeupclassEntitys[${manageCompensationClassForm.rowId}].locId"> 
                                <html:option value="">--- เลือกสถานที่ ---</html:option>
                                <html:optionsCollection property="listLocation" label="locRoom" value="locId"></html:optionsCollection>
                            </html:select>
                        </td>
                    </tr>
                    <tr>
                        <td>เวลาที่สิ้นสุดการสอน</td>
                        <td>
                            <html:select property="makeupclassEntitys[${manageCompensationClassForm.rowId}].marcCompenEndTime">
                                <html:option value="เลือกเวลา">เลือกเวลา</html:option>
                                <html:option value="8.00">8.00</html:option>
                                <html:option value="8.30">8.30</html:option>
                                <html:option value="9.00">9.00</html:option>
                                <html:option value="9.30">9.30</html:option>
                                <html:option value="10.00">10.00</html:option>
                                <html:option value="10.30">10.30</html:option>
                                <html:option value="11.00">11.00</html:option>
                                <html:option value="11.30">11.30</html:option>
                                <html:option value="12.00">12.00</html:option>
                                <html:option value="12.30">12.30</html:option>
                                <html:option value="13.00">13.00</html:option>
                                <html:option value="13.30">13.30</html:option>
                                <html:option value="14.00">14.00</html:option>
                                <html:option value="14.30">14.30</html:option>
                                <html:option value="15.00">15.00</html:option>
                                <html:option value="15.30">15.30</html:option>
                                <html:option value="16.00">16.00</html:option>
                                <html:option value="16.30">16.30</html:option>
                                <html:option value="17.00">17.00</html:option>
                                <html:option value="17.30">17.30</html:option>
                                <html:option value="18.00">18.00</html:option>
                                <html:option value="18.30">18.30</html:option>
                                <html:option value="19.00">19.00</html:option>
                                <html:option value="19.30">19.30</html:option>
                                <html:option value="20.00">20.00</html:option>
                                <html:option value="20.30">20.30</html:option>
                                <html:option value="21.00">21.00</html:option>
                                <html:option value="21.30">21.30</html:option>
                                <html:option value="22.00">22.00</html:option>
                            </html:select>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="7"><div align="center">
                                <c:if test="${manageCompensationClassForm.mode == 'add'}">
                                    <html:submit property="btnSave" value="บันทึก" onclick="goEdit();"/>  
                                </c:if>
                                <c:if test="${manageCompensationClassForm.mode == 'edit'}">
                                    <html:submit property="btnEdit" value="แก้ไข" onclick="goEdit();"/>  
                                </c:if>
                                <html:button property="btnCancel" value="ยกเลิก" onclick="goBack();"/>
                            </div></td>
                    </tr>
                </table>
            </div>

        </html:form>      
    </body>
    <script type="text/javascript">
        var list = document.getElementsByName("makeupclassEntitys[${manageCompensationClassForm.rowId}].marcCompenDate_CV");
        list[0].id = "marcCompenDate";
        //alert(document.getElementById("marcCompenDate"));
       
        idString = list[0].id;
        
        $(function () {
            var d = new Date();
            var toDay = d.getDate() + '/'
                + (d.getMonth() + 1) + '/'
                + (d.getFullYear() + 543);

            // Datepicker
            $("#marcCompenDate").datepicker({ dateFormat: 'dd/mm/yy', isBuddhist: true, defaultDate: toDay, dayNames: ['อาทิตย์', 'จันทร์', 'อังคาร', 'พุธ', 'พฤหัสบดี', 'ศุกร์', 'เสาร์'],
                dayNamesMin: ['อา.','จ.','อ.','พ.','พฤ.','ศ.','ส.'],
                monthNames: ['มกราคม','กุมภาพันธ์','มีนาคม','เมษายน','พฤษภาคม','มิถุนายน','กรกฎาคม','สิงหาคม','กันยายน','ตุลาคม','พฤศจิกายน','ธันวาคม'],
                monthNamesShort: ['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.']});
        });
    </script>
</html:html>

